/* ./src/index.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
    .video-danmu {
        @apply absolute bottom-0 left-0 right-0 flex items-end justify-between h-20 text-white text-xs
    }

    .video-icon {
        @apply absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-40
    }

    /* 选集会员图标的 */
    .is-vip {
        @apply absolute right-0 top-0 text-xs px-1 rounded-tr-md rounded-bl-md z-30
    }

    /* 选集的每一集标题 */
    .long-title {
        @apply text-ellipsis overflow-hidden whitespace-nowrap w-full
    }
    /* 视频的控制 */
    .video-control {
        @apply flex items-center absolute bottom-0 left-0 w-full text-white font-bold
    }
    /* 视频盒子 */
    .video-play-box {
        @apply fixed top-11 left-0 z-50 overflow-hidden
    }
    /* 弹幕 */
    .danmu-item {
        @apply absolute right-0 text-white font-bold z-50 whitespace-nowrap translate-x-full text-lg
    }
}